/*
 * @Author: rxn 1003312535@qq.com
 * @Date: 2024-07-08 09:13:08
 * @LastEditors: rxn 1003312535@qq.com
 * @LastEditTime: 2024-07-23 15:56:05
 * @FilePath: \vue3-progect\src\views\example\three\create\renderer.js
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
/**
 * 创建相机
 * fov — 摄像机视锥体垂直视野角度
aspect — 摄像机视锥体长宽比
near — 摄像机视锥体近端面
far — 摄像机视锥体远端面
 */
export const WebGLRenderer = (THREE, container) => {
	const renderer = new THREE.WebGLRenderer({
		antialias: true,
		// alpha: true, // 在构造函数参数中设置alpha属性的值
		preserveDrawingBuffer: true //想把canvas画布上内容下载到本地，需要设置为true
		// logarithmicDepthBuffer: true //解决深度冲突
	});
	renderer.shadowMap.enabled = true;
	renderer.setSize(container.offsetWidth, container.offsetHeight);
	container?.appendChild(renderer.domElement);
	return renderer;
};
